<template>
    <div>
    <van-action-bar>
        <van-action-bar-icon icon="chat-o" text="客服" @click="onClickIcon" />
        <van-action-bar-icon icon="cart-o" text="购物车" @click="onClickIcon" />
        <van-action-bar-icon icon="shop-o" text="店铺" @click="onClickIcon" />
        <van-action-bar-button type="danger" text="立即购买" @click="onClickButton" />
 </van-action-bar>
</div>
</template>

<script setup name="Start">
    import {
        showToast,
        SwipeCell,
        Card
    } from 'vant';
    const onClickIcon = () => showToast('点击图标');
    const onClickButton = () => showToast('点击按钮');
</script>

<style>
    swiper {
        width: 100vw;
        height: 100vh;
    }
    swiper-item {
        width: 100vw;
        height: 100vh;
    }
    image {
        width: 100vw;
        height: 100vh;
    }
    .btn {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 50rpx;
        display: flex;
        justify-content: center;
    }
</style>